<template>
  <div>
     <h1>我是第一个子组件</h1>
     <h1>父组件传来的数据：{{fdata}}</h1>
     <h1>子组件的头</h1>
     <div>
         我是内容
         <!-- vue内置组件 
          插槽是一个占位符，是一个子组件给父组件预留的，可以让父组件传递自定义模版内容 （布局内容或组件）
          -->
          <slot></slot>
     </div>
     <h1>子组件的脚步</h1>
     <!-- 具名插槽  父组件通过插槽的名字传 -->

     <slot name="footer"></slot>
     <hr>
     <slot name="bottom"></slot>
  </div>
</template>
<script>
export default {
  props:{
    fdata:{
      type:String,
      default:""
    }
  }
}
</script>